import { defineConfig } from "umi";
import routes from "./routes";
//@ts-ignore
import pxToViewPort from 'postcss-px-to-viewport'
export default defineConfig({
  nodeModulesTransform: {
    type: 'none',
  },
  routes: routes,
  fastRefresh: {},
  locale: {},
  hash: true,
  extraPostCSSPlugins:[
    pxToViewPort({
      unitToConvert: "px", // 默认值`px`，需要转换的单位
      viewportWidth: 375, // 视窗的宽度,对应设计稿宽度
      viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定，一般是667，也可不配置
      unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数
      propList: ["*"], // 转化为vw的属性列表
      viewportUnit: "vw", // 指定需要转换成视窗单位
      fontViewportUnit: "vw", // 字体使用的视窗单位
      selectorBlaskList: [".ignore-"], // 指定不需要转换为视窗单位的类
      minPixelValue: 1, // 小于或等于`1px`时不转换为视窗单位
      replace: true, // 是否直接更换属性值而不添加备用属性
      exclude: [], // 忽略某些文件夹下的文件或特定文件
      landscapeUnit: "vw", // 横屏时使用的单位
      landscapeWidth: 1134 // 横屏时使用的视窗宽度
    })
  ],
})